<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="//127.0.0.1:8080/eleme/css/eleme_icons.css"/>
		<link rel="stylesheet" type="text/css" href="//127.0.0.1:8080/eleme/css/public.css"/>
		<link rel="stylesheet" type="text/css" href="//127.0.0.1:8080/eleme/css/shop_menu.css"/>
		<link rel="stylesheet" type="text/css" href="//127.0.0.1:8080/eleme/css/footer.css"/>
	</head>
	<body>
		<a href="javascript:;" name="top"></a>
		<header class="header">
			<div class="topbar">
				<div class="container">
					<a href="javascript:;" class="logo topbar-item icon-logo"></a>
					<a href="javascript:;" class="topbar-item homepage">首页</a>
					<a href="javascript:;" class="topbar-item myorder">我的订单</a>
					<a href="javascript:;" class="topbar-item league">加盟合作</a>
					<div class="topbar-item user showtip">
						<a href="javascript:;" class="profile">username<span class="icon-triangle-down"></span></a>
						<div class="tooltip usercenter">
							<div class="tooltip-up-arrow"></div>
							<div class="tooltip-content">
								<a href="javascript:;" class="icon-profile">个人中心</a>
								<a href="javascript:;" class="icon-star">我的收藏</a>
								<a href="javascript:;" class="icon-location">我的地址</a>
								<a href="javascript:;" class="icon-setting">安全设置</a>
								<a href="javascript:;" class="icon-logout">退出登录</a>
							</div>
						</div>
						<a href="javascript:;" class="login">登录/注册</a>
						<span class="icon-profile"></span>
					</div>
					<div class="topbar-link nav-mobile">
						<span class="icon-mobile"></span>手机应用
						<div class="mobile-dropdown"></div>
					</div>
					<a href="javascript:;" class="topbar-link nav-rule">规则中心</a>
				</div>
			</div>
			<div class="shop-guide container">
				<div class="shop-guide-info" shopid="1">
					<img src="http://fuss10.elemecdn.com/9/fe/7fddd3ba7908612b7186c71d9df07png.png?imageMogr2/thumbnail/190x190/format/webp/quality/85" alt="" />
					<div class="shop-guide-wrapper">
						<h1>我呀便当（雨花台店）</h1>
						<div class="p shop-guide-rate">
							<div class="icon-stars"></div>
							（<a href="javascript:;" class="rate">123</a>）月售11单
						</div>
					</div>	
					<div class="shop-guide-extra">
						<div class="extra-content">
							<div class="shop-extra-row">
								<div class="mixed-rate">
									<h2 class="red">4.0</h2>
									<p>综合评价<br/><span>高于周边商家&nbsp;</span><span class="red">67.0%</span></p>
								</div>
								<div class="star-detail">服务态度<i class="icon-stars"></i><span class="red">4.6分</span><br/>菜品评价<i class="icon-stars"></i><span class="red">4.6分</span></div>					
							</div>
							<div class="shop-extra-row">商家地址： <span class="shop-address">南京市雨花台区应天大街619号德盈国际广场（B1-M01）</span><br/>
								营业时间： <span class="opening-hours">10:00-21:30</div>
							<div class="shop-extra-row">由<span class="deliverer">巴黎贝甜（虹悦城店）</span>提供配送服务</div>
						</div>
					</div>
				</div>
				<div class="shop-guide-server">
					<div><span>起送价</span><span class="minimum-charge">12元</span></div>
					<div><span>配送费</span><span class="shipping-fee">配送费<i class="icon-cny"></i>4.5</span></div>
					<div><span>平均送达速度</span><span class="avg-shipping-time">42分钟</span></div>
				</div>
				<a href="javascript:;" class="favourite"><span class="icon-favourite"></span></br>收藏</a>
			</div>
		</header>
		<div class="nav">
			<div class="nav container">
				<div class="nav container-left">
					<a href="javascript:;" class="nav-tab active-tab">所有商品</a>
					<a href="javascript:;" class="nav-tab">评价</a>
					<a href="javascript:;" class="nav-tab">商家资质</a>
					<div class="nav-filter">
						<a href="javascript:;" >默认排序</a>
						<a href="javascript:;" class="active">评分<span class="icon-arrow-down"></span></a>
						<a href="javascript:;">销量<span class="icon-arrow-down"></a>
						<a href="javascript:;">价格<span class="icon-arrow-down"></a>
						<a href="javascript:" class="display-type active" title="以网格形式显示菜单"><span class="icon-grid"></span></a>
						<a href="javascript:" class="display-type" title="以列表形式显示菜单"><span class="icon-list"></span></a>
					</div>
				</div>
				<div class="container-right">
					<form action="" class="shop-search">
						<button class="icon-search" title="搜索商家或美食"></button>
						<input name="" required="" placeholder="搜索商家,美食..." x-webkit-speech="" x-webkit-grammar="builtin:search" lang="zh-CN">
					</form>
				</div>
			</div>
			
		</div>
		<div class="shop-main container">
			
			<div class="shop-category container-left">
				<a href="javascript:;" class="active">热销</a>
				<a href="javascript:;">优惠</a>
				<a href="javascript:;">我呀新品</a>
				<a href="javascript:;">我呀便当</a>
				<a href="javascript:;">我呀单品</a>
				<a href="javascript:;">我呀饮料</a>
				<a href="javascript:;">我呀组合</a>
				<a href="javascript:;">便当伴侣</a>
				<a href="javascript:;">我呀加盟</a>
				<a href="javascript:;">扫码有惊喜</a>
				<a href="javascript:;">来约我呀</a>
			</div>
			<div class="shop-menu">
				<div class="one-category container-left">
					<h2 class="category">热销<span class="category-hint">大家喜欢吃，才叫真好吃。</span> </h2><br />
					
					<div class="one-dish dish-half">
						<img src="//fuss10.elemecdn.com/0/5b/876c639df53b3a21c4533c1f3c204jpeg.jpeg?imageMogr2/thumbnail/200x200/format/webp/quality/85" alt="" class="dish" />
						<h4 class="dish-name">
							<span>咕叽菇鸡便当</span>
							<div class="tooltip more-desc">
								<div class="tooltip-content">去皮去骨的鸡腿肉，加上特制酱料，使得肉质华润，食之口鼻生香。</div>
								<div class="tooltip-down-arrow"></div>
							</div>
						</h4>
						<span class="dish-desc">
							去皮去骨的鸡腿肉，加上特制酱料，使得肉质华润，食之口鼻生香。</span>
						<div class="star-wrapper icon-stars"><i class="icon-stars"></i></div>
						(<span class="ratenumber">57</span>)
						月售<span class="sells">263</span>份<br />
						<b class="price"><i class="icon-cny"></i>25.0</b>
						<!--<button class="cartbutton joincart">加入购物车</button>-->
					</div>
					<div class="one-dish dish-half">
						<img src="//fuss10.elemecdn.com/0/5b/876c639df53b3a21c4533c1f3c204jpeg.jpeg?imageMogr2/thumbnail/200x200/format/webp/quality/85" alt="" class="dish" />
						<h4 class="dish-name">
							<span>咕叽菇鸡便当</span>
							<div class="tooltip more-desc">
								<div class="tooltip-content">去皮去骨的鸡腿肉，加上特制酱料，使得肉质华润，食之口鼻生香。去皮去骨的鸡腿肉，加上特制酱料，使得肉质华润，食之口鼻生香。去皮去骨的鸡腿肉，加上特制酱料，使得肉质华润，食之口鼻生香。去皮去骨的鸡腿肉，加上特制酱料，使得肉质华润，食之口鼻生香。去皮去骨的鸡腿肉，加上特制酱料，使得肉质华润，食之口鼻生香。去皮去骨的鸡腿肉，加上特制酱料，使得肉质华润，食之口鼻生香。</div>
								<div class="tooltip-down-arrow"></div>
							</div>	
						</h4>
						<span class="dish-desc">
							去皮去骨的鸡腿肉，加上特制酱料，使得肉质华润，食之口鼻生香。</span>
						<div class="star-wrapper icon-stars"><i class="icon-stars"></i></div>
						(<span class="ratenumber">57</span>)
						月售<span class="sells">263</span>份<br />
						<b class="price"><i class="icon-cny"></i>25.0</b>
						<button class="cartbutton selectspec">选规格</button>
					</div>
					<div class="one-dish dish-half">
						<img src="//fuss10.elemecdn.com/0/5b/876c639df53b3a21c4533c1f3c204jpeg.jpeg?imageMogr2/thumbnail/200x200/format/webp/quality/85" alt="" class="dish" />
						<h4 class="dish-name">
							<span>咕叽菇鸡便当</span>
							<div class="tooltip more-desc">
								<div class="tooltip-content">去皮去骨的鸡腿肉，加上特制酱料，使得肉质华润，食之口鼻生香。</div>
								<div class="tooltip-down-arrow"></div>
							</div>
						</h4>
						<span class="dish-desc">
							去皮去骨的鸡腿肉，加上特制酱料，使得肉质华润，食之口鼻生香。</span>
						<div class="star-wrapper icon-stars"><i class="icon-stars"></i></div>
						(<span class="ratenumber">57</span>)
						月售<span class="sells">263</span>份<br />
						<b class="price"><i class="icon-cny"></i>25.0</b>
						<div class="cartbutton num-modifier">
							<button class="minus">-</button>
							<input type="text" class="number" value="1"  size="2"/>
							<button class="plus">+</button>
						</div>
					</div>
				</div>
				
			</div>
			<div class="shop-aside">
				<h2>商家公告</h2>
				<div class="shop-notice">我呀便当”设计以年轻、时尚、新潮为主旨，我们的产品生态，健康，中央厨房标准化生产，我们在用心，您吃的才放心！因此受到cctv与G20峰会的信任！ 小提示：我呀便当店铺下单单点配餐/饮料 是不外送的哦！另：门店是早10点起送哦！ 喜欢我呀 约我呀！</div>
				<div class="shipping">
					<h4>配送说明</h4>
					<span >配送费<i class="icon-cny"></i><span class="shipping-price">4.5</span></span>
				</div>
				<ul class="pack">
					<li id="pack-insurance"><span class="pack-icon">保</span>已加入“外卖保”计划，食品安全有保障</li>
					<li id="pack-invoice"><span class="pack-icon">票</span>该商家支持开发票，开票订单金额100元起，请在下单时填写好发票抬头</li>
				</ul>
				<a href="javascript:;" class="inform">举报商家</a>
			</div>
		</div>
		<div class="side-tools">
			<a href="javascript:;" class="open-shop showtip">
				<span class="icon-visit-history"></span>
				<div class="tooltip open-shop">
					<div class="tooltip-content">我要开店</div>
					<div class="tooltip-right-arrow"></div>
				</div>
			</a>
			<a href="javascript:;" class="icon-qrcode showtip">
				<span class="icon-qrcode"></span>
				<img src="" alt="" class="2d-code" />
			</a>
			<a href="javascript:;" class="customer-service showtip">
				<span class="icon-service"></span>
				<div class="tooltip customer-service">
					<div class="tooltip-content">在线客服</div>
					<div class="tooltip-right-arrow"></div>
				</div>
			</a>
			<a href="javascript:;"  class="return-to-top showtip">
				<span class="icon-triangle-up"></span>
				<div class="tooltip return-to-top">
					<div class="tooltip-content">回到顶部</div>
					<div class="tooltip-right-arrow"></div>
				</div>
			</a>
		</div>	

			

		<div class="s-spec">
			<div class="tooltip">
				<div class="tooltip-left-arrow"></div>
				<div class="tooltip-content">
					<dl class="speclist">
						<dt>规格</dt>
						<dd class="active">默认</dd>
						<dd>大杯</dd>
						<dd>珍珠</dd>
						<dd>红豆</dd>
						<dd>青稞</dd>
						<dd>升级为茶拿铁</dd>
					</dl>
					已选：<span class="selected">默认</span><br />
					<span class="price"><i class="icon-cny"></i>10.00</span><br />
					<button class="spec-joincart">选好了，加入购物车</button><button class="spec-cancel">不要了</button>
				</div>
			</div>
		</div>	
		<div class="shop-cart">
			<div class="cart-head">购物车<span class="clear-cart">[清空]</span><i class="icon-cart-add"></i></div>
			<div class='cart-body'>
				<div class="cart-item" goodsid="">
					<div class="cart-item-wrapper">
						<span class="cart-item-name">桂花鸡蛋仔</span>
						<div class="num-modifier" >
							<button class="minus">-</button>
							<input type="text" class="number" value="1" />
							<button class="plus">+</button>
						</div>
						<span class="price"><i class="icon-cny"></i>14</span>
					</div>
				</div>
				<!--<div class="cart-item">	
					<div class="cart-item-wrapper">
						<span class="cart-item-name">经典杨枝甘露</span>
						<div class="num-modifier" goodsid="">
							<button class="minus">-</button>
							<input type="text" class="number" value="1" />
							<button class="plus">+</button>
						</div>
						<span class="price"><i class="icon-cny"></i>14</span>
					</div>
				</div>
				<div class="cart-item">	
					<div class="cart-item-wrapper">
						<span class="cart-item-name">咸蛋黄鸡蛋仔</span>
						<div class="num-modifier" goodsid="">
							<button class="minus">-</button>
							<input type="text" class="number" value="-+" />
							<button class="plus">+</button>
						</div>
						<span class="price"><i class="icon-cny"></i>14</span>
					</div>
				</div>-->
			</div>
			<div class="cart-foot">
					<i class="icon-cart"></i>
					<span class="cart-total-count">3</span>
					<span class="cart-total-sum"><i class="icon-cny"></i>59</span>
					<div><span class="cart-total-deliverfee">配送费<span class="icon-cny"></span>4.5</span></div>
					<div class="gotopay">购物车是空的</div>
				
			</div>
		</div>
	<script src="//127.0.0.1:8080/eleme/js/lib/jquery-3.2.1.min.js"></script>
	<script src="//127.0.0.1:8080/eleme/js/lib/fly.js" type="text/javascript" charset="utf-8"></script>
	<script src="//127.0.0.1:8080/eleme/js/shopcart.js" type="text/javascript" charset="utf-8"></script>
	<script src="//127.0.0.1:8080/eleme/js/shop_menu.js" type="text/javascript" charset="utf-8"></script>			
	</body>
</html>

